<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/zui/css/zui.css">
    <link rel="stylesheet" href="static/css/global.css">
    <script src="static/js/jquery-3.6.0.js"></script>
    <script src="static/zui/js/zui.js"></script>
    <script type="text/javascript" src="static/js/common.js" ></script>
    <link rel="stylesheet" href="css/assessment.css">

</head>
<body>
<div class="search">
    <div class="top flex">
        <div class="flex">
            <div>
                <label class="title-label">得分：</label>
            </div>
            <div class="input-control search-box has-icon-left has-icon-right" id="searchboxExample">
                <input type="search" id="cons-input" class="form-control search-input" placeholder="请输入得分">
                <label class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>

            </div>
        </div>
        <div class="flex">
            <div>
                <label class="title-label">至：</label>
            </div>
            <div  class="input-control search-box has-icon-left has-icon-right" id="searchboxExample1">
                <input type="search" id="user-input" class="form-control search-input" placeholder="请输入得分">
                <label class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>

            </div>
        </div>
    </div>
    <div class="bottom">
        <div id="bottom-wrap" class="flex">
            <div class="flex">
                <div>
                    <label class="title-label">评估日期：</label>
                </div>
                <div  class="input-control search-box has-icon-left has-icon-right" id="searchboxExample2">
                    <input type="datetime-local" id="date-input1" class="form-control search-input">
                    <label class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>

                </div>
            </div>
            <div class="flex title-wrap">
                <div style="width: 37px;">
                    <label  class="title-label">至：</label>
                </div>
                <div  class="input-control search-box has-icon-left has-icon-right e3 e4" style="    width: 223px;" id="searchboxExample3">
                    <input type="datetime-local" id="date-input2" class="form-control search-input" >
                    <label class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>

                </div>
            </div>
            <div>
                <button class="btn btn-success " type="button" onclick="queryBtn(1)">查询</button>
            </div>
        </div>
    </div>

</div>


<table class="table table-bordered" style="text-align: center">
    <thead>
    <th style="text-align: center">评估时间</th>
    <th style="text-align: center">用户</th>
    <th style="text-align: center">领域</th>
    <th style="text-align: center">得分</th>
    <th style="text-align: center">操作</th>
    </thead>
    <tbody id="tbody">

    </tbody>
</table>
<div class="modal fade" id="myModal2">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">预约详情</h4>
            </div>
            <div id="sub-info-div">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal3">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">预约详情</h4>
            </div>
            <div style="text-align: center;font-size: 16px; color:red">
                确认终止？
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" onclick="submitBanForm()" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>

<div class="pager-wrap flex">
    <ul id="myPager" class="pager" data-ride="pager"  data-page="1" data-rec-per-page="5" data-rec-total="30">
        <li class="previous disabled"><a href="###">«</a></li>
        <li class="active"><a href="###">1</a></li>
        <li class="next"><a href="###">»</a></li>
    </ul>
</div>
</body>
<script src="js/assessment.js"></script>


</html>